﻿
@model Vasilek.Web.Models.ProductDtoBase

<div class="col-lg-4 col-md-6 pb-4 filter @Model.Category.CategoryName">
    <!-- Card-->
    <div class="card bg-white rounded shadow-sm" style="border: 1px solid #222;width:300px">

        <div class="card-body px-3 pt-3 pb-1 row">
            <div class="col-7"><label class="float-left">@Model.Name</label></div>
            <div class="col-5"><label class="float-right"><span class="text-info h5">@Model.Price</span> /&#8381 </label> </div>
        </div>

        <img class="card-img-top img-thumbnail d-block mx-auto mb-3 " style="border-radius: 15px 15px" src="@Model.ImageUrl" alt="Card image cap">

        <div class="card-body p-1 px-3 row ">

            <div class="col-6">
                <span class="badge p-2 border w-100 text-dark" style="border-radius: 0px 15px; background-color: lavenderblush">@Model.Category.CategoryName</span>
            </div>


            <div class="col-12 pt-2" style="font-size:13px; text-align:justify">
                <p> @Model.Description</p>
            </div>



            <div class="col-12 p-1">
                <a asp-action="Details" asp-route-id="@Model.ProductId" class="btn btn-dark form-control btn-sm p-2" style="height:40px">Details</a>
            </div>

        </div>
    </div>
</div>